.menu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   clear: both;
   margin: 0px 0px 4px 0px;
}
.menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0px 1px 0px 0px;
   padding:0;
   position:relative;
   right:50%;
}
.menu ul li a {
   text-decoration:none;
   display:block;
   padding:.2em .4em;
   line-height:1.5;
   zoom:1;
   float: left;
}
.menu ul li a:hover {
   color:red;
}
.menu ul li a.active,
.menu ul li a.active:hover {
   font-weight:bold;
   margin: -1px;
}